<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    标题标签和段落标签 我们都叫做语义标签-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>段落标签</p>

<!--    无语义标签 没有任何效果 用来划分结构-->
    <div>块级元素的无语义标签</div>
    <span>行级元素的无语义标签</span>
<!--
    注意：
      1.最好只对每个页面使用一次 <h1>——这是顶级标题，
      2.不要使用 <h3> 来表示副标题，后面再跟 <h2> 来表示二级副标题
      3.在现有的六个标题层次中，除非觉得有必要，否则应该争取每页使用不超过三个。




-->
</body>
</html>